﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="OverView.aspx.cs" Inherits="ControlExplorer.C1ToolTip.OverView" %>

<%@ Register Namespace="C1.Web.Wijmo.Controls.C1ToolTip" Assembly="C1.Web.Wijmo.Controls.3" TagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
        #targetContainer
        {
            position: relative;
        }
        #targetContainer img
        {
            margin: 0;
            padding: 0;
            position: absolute;
            border: solid 3px #333;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="targetContainer">
                <img src="http://lorempixel.com/g/257/109/sports/1" style="left: 0; top: 0;" title="板球"
                    alt="" />
                <img src="http://lorempixel.com/g/257/150/sports/2" style="left: 0; top: 109px;" title="冲浪"
                    alt="" />
                <img src="http://lorempixel.com/482/180/sports/3" style="left: 0; top: 259px;" title="骑车"
                    alt="" />
                <img src="http://lorempixel.com/g/225/256/sports/4" style="left: 257px; top: 0;" title="排球"
                    alt="" />
                <img src="http://lorempixel.com/111/143/sports/5" style="left: 482px; top: 0px;" title="攀岩"
                    alt="" />
                <img src="http://lorempixel.com/g/111/296/sports/6" style="left: 482px; top: 143px;" title="有用"
                    alt="" />
                <img src="http://lorempixel.com/g/151/200/sports/7" style="left: 593px; top: 0;" title="足球"
                    alt="" />
                <img src="http://lorempixel.com/152/239/sports/8" style="left: 593px; top: 200px;" title="摔跤"
                    alt="" />
    </div>
    <wijmo:C1ToolTip runat="server" ID="ToolTip1" TargetSelector="#targetContainer [title]">
    </wijmo:C1ToolTip>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
    <p>
        用<strong> C1Tooltip</strong>，您可以轻松地创建自定义工具提示，您的最终用户将得到更好的用户体验。 您可以控制行为，位置，显示工具提示的事件，和更多关于<strong>C1Tooltip</strong>的内容.本节中的样品将向您介绍一些这类强大的功能。</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
